<template>
	<view class="box">
		<view class="header">
			<text class="iconfont icon-a-1-sousuo"></text>
			<input type="text" value="" placeholder="输入关键字" />
		</view>
		<view class="head">
			<text class="num">全部</text>
			<text class="email">系统消息</text>
		</view>
		<view class="xian">
		</view>
		<view class="list">
			<navigator url="../about/index">
				<li><view class="imag" >
					<image src="../../static/images/message_s.png" mode=""></image>
					<view class="name">
						
					
						<text>全圣</text>
						<view class="nei">
							<text>怎么怎么样</text>
						</view>
					</view></view>
					<view class="time">
						<text>上午8:18</text>
					</view>
				</li>
			</navigator>
			<li><view class="imag" >
				<image src="../../static/images/message_s.png" mode=""></image>
				<view class="name">
					
				
					<text>全圣</text>
					<view class="nei">
						<text>怎么怎么样</text>
					</view>
				</view></view>
				<view class="time">
					<text>上午8:18</text>
				</view>
			</li>
			<li><view class="imag" >
				<image src="../../static/images/message_s.png" mode=""></image>
				<view class="name">
					
				
					<text>全圣</text>
					<view class="nei">
						<text>怎么怎么样</text>
					</view>
				</view></view>
				<view class="time">
					<text>上午8:18</text>
				</view>
			</li>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.imag{
		display: flex;
	}
	.time{
	color: #8e8f91;	
	}
	.nei{
		margin-top: 10rpx;
		font-size: 24rpx;
		color: #8e8f91;
	}
	.name{
		margin-left: 30rpx;
		font-size: 31rpx;
	}
	.list{
		
		list-style: none;
		li{
			display: flex;
			justify-content: space-between;
			margin-top: 70rpx;
			display: flex;
			image{
				width: 93rpx;
				height: 93rpx;
				border-radius: 20rpx;
			}
		}
	}
	.xian{
		width: 100%;
		height: 1px;
		background-color: #e4e4e4;
		transform: scaleY(0.2);
		}
.head{
	display: flex;
	height: 120rpx;
	align-items: center;
	
	.num{
		color: #afc8fb;
	}
	.email{
		margin-left: 70%;
	}

}
	.box{
		padding-left: 46rpx;
		padding-right: 46rpx;
	}
	.header{
		align-items: center;
		height: 64rpx;
		background-color: #f4f6f6;
		width: 100%;
		display: flex;
		border-radius: 64rpx;
	}
</style>
